<template>
    <div class="operateMain">
        <basic-container>
            <div class="wrap" v-loading="loading" element-loading-text="数据加载中...">
							<dataList
								placeholder="请输入物业或工程名称查询"
								:pageInfo="pager"
								:listData="tableData"
								:selectData="selectDataArr"
								searchName="queryString"
								:menuList="['add','delete']"
								@menu-click="handleMenuClick"
							>
								<el-table :data="tableData" align="center" ref="multipleTable" @selection-change="$event => (selectDataArr = $event)">
									<el-table-column align="center" type="selection" width="55"/>
									<el-table-column header-align="center" label="物业名称"  width="140" prop="propertyName"/>
									<el-table-column header-align="center" label="工程名称" width="140" prop="engineeringName"/>
									<el-table-column header-align="center" label="地址" prop="address"/>
									<el-table-column align="center" label="验收日期" prop="deliverableTm"/>
									<el-table-column header-align="center" label="验收评语" prop="performanceEvaluation"/>
									<el-table-column header-align="center" label="备注" prop="remarks"/>
									<el-table-column align="center" label="操作"  width="150" className="operaColumn" header-align="center">
										<template slot-scope="scope">
											<el-button type="text" :style="{'--color':'#666666'}" size="mini" @click="handleBtnClick('preview',scope.row)">查看</el-button>
											<el-button type="text" :style="{'--color':'#409EFF'}" size="mini" @click="handleBtnClick('edit',scope.row)">编辑</el-button>
											<el-button type="text" :style="{'--color':'#E6A23C'}" size="mini" @click="handleBtnClick('delete',scope.row)">删除</el-button>
										</template>
									</el-table-column>
								</el-table>
							</dataList>
            </div>
            <!-- 新增|编辑|查看 单位 -->
            <departmentDialog ref="editDialog"/>
            <!-- 上传组件功能细节待确定 -->
        </basic-container>
    </div>
</template>

<script src='./index.js'></script>

<style lang="scss" scoped>

@import "src/views/wy-operate/css/operate.scss";
.operateMain{
    /deep/ .top-buttons{
        float: right;
        width: 50%;
    }
    /deep/ .v-search{
        width: 50%;
        justify-content: flex-start;
    }
    /deep/ .operaColumn .el-button{
        color: var(--color);
    }
}
</style>
